<template>
  <div class="data-table" v-if="showTable">
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="姓名" label="姓名"> </el-table-column>
      <el-table-column prop="性别" label="性别"> </el-table-column>
      <el-table-column prop="手机号" label="手机号"></el-table-column>
      <el-table-column prop="班级ID" label="班级ID"></el-table-column>
      <el-table-column prop="班级名称" label="班级名称"></el-table-column>
      <el-table-column prop="学科ID" label="学科ID"></el-table-column>
      <el-table-column prop="学科名称" label="学科名称"></el-table-column>
      <el-table-column prop="账号状态" label="账号状态"></el-table-column>
      <el-table-column label="操作">
        <template slot-scope="{ $index }">
          <el-button
            type="danger"
            icon="el-icon-delete"
            @click="tableData.splice($index, 1)"
            circle
          ></el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "UploadTable",
  data() {
    return {
      showTable: true,
      tableData: [],
    };
  },
};
</script>
<style scoped></style>
